<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div th:replace="common/top2"/>
<div id="Content">

    <div id="Catalog">
        <section class="pricing" style="height: 900px">

            <div class="col-ten pricing-table">

                <form action="/account/update_info" method="post">

                    <h3>User Information</h3>

                    <table>
                        <tr>
                            <td>User ID:</td>
                            <td th:text="${account.getUsername()}"></td>
                        </tr>
                        <tr>
                            <td>User password:</td>
                            <td th:text="${account.getPassword()}"></td>
                        </tr>
                    </table>

                    <h3>Account Information</h3>

                    <table>
                        <tr>
                            <td>First name:</td>
                            <td th:text="${account.getFirstName()}"></td>
                        </tr>
                        <tr>
                            <td>Last name:</td>
                            <td th:text="${account.getLastName()}"></td>
                        </tr>
                        <tr>
                            <td>Email:</td>
                            <td th:text="${account.getEmail()}"></td>
                        </tr>
                        <tr>
                            <td>Phone:</td>
                            <td th:text="${account.getPhone()}"></td>
                        </tr>
                        <tr>
                            <td>Address 1:</td>
                            <td th:text="${account.getAddress1()}"></td>
                        </tr>
                        <tr>
                            <td>Address 2:</td>
                            <td th:text="${account.getAddress2()}"></td>
                        </tr>
                        <tr>
                            <td>City:</td>
                            <td th:text="${account.getCity()}"></td>
                        </tr>
                        <tr>
                            <td>State:</td>
                            <td th:text="${account.getState()}"></td>
                        </tr>
                        <tr>
                            <td>Zip:</td>
                            <td th:text="${account.getZip()}"></td>
                        </tr>
                        <tr>
                            <td>Country:</td>
                            <td th:text="${account.getCountry()}"></td>
                        </tr>
                    </table>

                </form>
            </div>
        </section>


    </div>
    <div th:replace="common/bottom"/>
    </div>
</body>
</html>